<!doctype html>
<html lang="zh-CN">

<head>
  <!-- 必须的 meta 标签 -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

  <title>Hello, world!</title>
  <style>
    html,
    body,
    .user_box,
    .main {
      height: 100%;
    }

    .left-item-list {
      text-align: center;
      font-size: 13px;
    }

    .breadcrumb>li {
      font-size: 13px;
    }
  </style>
</head>

<body>

  <div class="container-fluid user_box">
    <div class="row" style="height: 50px;align-items: center;background-color: #373D41;color: #ffffff;">
      <div class="col-sm-2 text-center">
        管理菜单
      </div>
      <div class="col-sm-10 d-flex justify-content-between align-items-center" style="font-size: 15px;">
        <div>
          {{block 'user-name'}}
          当前登录用户: 无&nbsp;&nbsp;用户角色：无
          {{/block}}
        </div>


        <button type="button" class="btn btn-secondary btn-sm"><a class="text-decoration-none" style="color: #ffffff;" href="/admin/exit">退出登录</a> </button>
      </div>
    </div>

    <div class="row main">
      {{include './navigation.html'}}
      <div class="col-lg-10" style="background-color: #EAEDF1;padding: 0;">
        {{block 'user-position'}}

        {{/block}}
      </div>
    </div>
  </div>
  <script>

  </script>


  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

  <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

  <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

  {{block 'script'}}

  {{/block}}
</body>

</html>